/* Custom Scrollbar */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #1b2e4b;
}

::-webkit-scrollbar-track {
    background: #0e1726;
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../fonts/quicksand-v24-latin-regular.woff2') format('woff2'),
        url('../fonts/quicksand-v24-latin-regular.woff') format('woff');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    src: local(''),
        url('../fonts/quicksand-v24-latin-500.woff2') format('woff2'),
        url('../fonts/quicksand-v24-latin-500.woff') format('woff');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    src: local(''),
        url('../fonts/quicksand-v24-latin-600.woff2') format('woff2'),
        url('../fonts/quicksand-v24-latin-600.woff') format('woff');
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../fonts/quicksand-v24-latin-700.woff2') format('woff2'),
        url('../fonts/quicksand-v24-latin-700.woff') format('woff');
}

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../fonts/varela-round-v13-latin-regular.woff2') format('woff2'),
        url('../fonts/varela-round-v13-latin-regular.woff') format('woff');
}

body {

    background: radial-gradient(circle at 50% 120%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 60%), radial-gradient(circle at 80% 0%, rgba(0, 140, 255, 0.25) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(circle at 20% -10%, rgba(255, 200, 255, 0.25) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(to bottom, #0a0f1e 0%, #0b1224 30%, #08101f 60%, #050b16 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

}

#content {
    max-width: 95% !important;
}

/* Custom Topbar */

@media (min-width: 992px) {

    .alt-click-menu .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu {

        position: absolute;
        top: 61px;
        left: 0;
        right: auto;
        color: #0e1726;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        border-radius: 4px;
        box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
        transform: translateY(0em);
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        visibility: visible;
        opacity: 1;
        height: auto !important;

    }

    .alt-click-menu .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu.collapse:not(.show) {

        display: none;

    }

    .alt-click-menu .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu.collapsing {

        -webkit-transition: none;
        transition: none;
        display: none;

    }

    .alt-click-menu .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list .sub-submenu {

        position: absolute;
        top: -10px;
        color: #888ea8;
        text-align: left;
        box-shadow: 0 6px 10px 0 rgb(0 0 0 / 14%), 0 1px 18px 0 rgb(0 0 0 / 12%), 0 3px 5px -1px rgb(0 0 0 / 20%);
        left: auto;
        right: -200px;
        min-width: 160px;
        width: 200px;
        padding: 12px 0;
        border-radius: 6px;

    }

    .alt-click-menu .topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu .sub-sub-submenu-list:hover ul.sub-submenu {

        display: block;

    }

}

/* Unselectable Text */

.unselectable {

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

/* Other */

.social {

    margin-top: 10px;

}

.tab-title .nav-pills .nav-link .badge {

    border: none !important;

}

.page-header {

    padding: 20px 0 0 0 !important;

}

.layout-spacing {

    padding-bottom: 24px !important;

}

.layout-px-spacing {

    padding: 0 20px !important;

}

.widget {

    box-shadow: unset !important;

}

.widget-content-area {

    box-shadow: unset !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

}

/* .dt-buttons {

    margin-left: 12px;

} */

.dt-button-info {

    display: none !important;

}

.ch2 {

    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
    color: #bfc9d4;
    padding: 20px 0 0;
    position: relative;

}

.todo-box-scroll {

    height: auto !important;

}

.todo-inbox .todo-item:not(:last-child) {

    border-bottom: none !important;

}

.icon-Caret-down:before,
.icon-Caret-up:before {
    font-size: 12px;
    transform: scale(.7);
    vertical-align: middle;
}

.icon-Caret-up:before {
    content: "\004b"
}

.icon-Caret-down:before {
    content: "\0048"
}

.dt-buttons {
    display: contents;
}

.select2-container--default .select2-selection--multiple {
    padding: 6px 16px 0px !important;
}

.widget-activity-four .timeline-line .item-timeline .t-time {
    max-width: unset !important;
}

.positive-rating {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 16px;
    height: 16px;
    background-position: -71px -396px;
    display: inline-flex;
    margin-bottom: -3px;
}

.negative-rating {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 16px;
    height: 16px;
    background-position: -29px -396px;
    display: inline-flex;
    margin-bottom: -3px;
}

.rating-yellow-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -150px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.rating-blue-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -169px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.rating-tea-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -188px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.rating-purple-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -207px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.rating-red-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -226px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.rating-green-star {
    background-image: url(/assets/img/icons/sprds3_18.png) !important;
    width: 12px;
    height: 12px;
    background-position: -245px -438px;
    display: inline-flex;
    margin-bottom: -1px;
}

.tooltip-inner {
    /* max-width: none; */
    /* white-space: nowrap; */
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: 6px;
    border: 1px solid #1abc9c;
    /* max-width: 250px; */
    /* width: 250px; */
}

.tooltip .arrow:before {
    top: -3px;
    left: -12px;
    border-bottom-color: transparent !important;
    border-width: 0 12px 12px;
    z-index: -1;
}

.tooltip .arrow {
    top: 3px;
    left: 50%;
    border-style: solid;
    border-color: transparent !important;
    border-width: 0 10px 10px;
}

.declined-result {
    background-color: #400000;
}

html,
body {
    height: 100%;
    margin: 0;
}

.auth-bg {
    background: url("assets/img/bg/7.jpg") no-repeat center center fixed;
    background-size: cover;
}

@media (max-width: 575px) {

    .dt-buttons {

        margin-left: 12px;

    }

}

@media (min-width: 992px) {

    .topbar-nav.header nav#topbar ul.menu-categories {

        align-items: center;
        justify-content: center;

    }

}

@media (max-width: 991px) {

    .topbar-nav.header nav#topbar ul.menu-categories li.menu a>div svg:not(.feather-chevron-down) {

        color: #61b6cd !important;

    }

}

/* @supports (-webkit-touch-callout: none) {
    .auth-bg {
        background: url(/assets/img/backgrounds/bg1v2.jpg) no-repeat center center fixed;
        -webkit-background-size: 100%; 
        -moz-background-size: 100%; 
        -o-background-size: 100%; 
        background-size: 100%; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover;
    }
} */

.iconcaptcha-modal__body-info {

    display: none !important;

}

.iconcaptcha-modal__body-circle {

    left: 40px !important;

}

.iconcaptcha-modal__body-title {

    text-align: center !important;

}

.iconcaptcha-modal__body-checkmark {

    top: 16px !important;
    left: 20px !important;

}

.btn:hover,
.btn:focus {

    transform: none !important;
    -webkit-transform: none !important;

}

.grecaptcha-badge {

    visibility: hidden;

}

.crisp-client .cc-tlyw .cc-kxkl .cc-1hqb .cc-gye0 .cc-11uv .cc-15ak .cc-acjo {

    display: none !important;

}

.crisp-client .cc-tlyw[data-full-view="false"][data-position-reverse="false"] .cc-kxkl .cc-nsge {

    margin-right: -22px !important;
    display: none !important;

}

.crisp-client .cc-tlyw[data-full-view="true"] .cc-kxkl .cc-nsge {

    display: none !important;

}

.crypto-logo {

    width: 80px !important;
    height: 80px !important;

}

.iframe-parent {

    position: relative;

    &:before {

        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

    }

}

.powered-link {

    display: none !important;

}

.unread-alerts:before,
.unread-alerts:after {

    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid #2196f3;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    animation: icon-pulse 1.5s linear infinite;
    opacity: 0;

}

.unread-alerts:after {

    animation-delay: 0.5s;

}

.unread-messages:before,
.unread-messages:after {

    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid #e2a03f;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    animation: icon-pulse 1.5s linear infinite;
    opacity: 0;

}

.unread-messages:after {

    animation-delay: 0.5s;

}

@keyframes icon-pulse {

    0% {

        transform: scale(0.5);
        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        transform: scale(1.2);
        opacity: 0;

    }

}

.table-bordered {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #2d3e52;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #2d3e52;
}

.table-bordered th:first-child,
.table-bordered td:first-child {
    border-left: none;
}

.table-bordered th:last-child,
.table-bordered td:last-child {
    border-right: none;
}

.table-bordered thead tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

.table-bordered thead tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

.table-bordered tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

.table-bordered tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #0e1726;
}

.table-striped tbody tr:nth-child(even) {
    background-color: #162d45;
}

.table-hover>tbody>tr:hover {
    background-color: #1f5a73 !important;
    /* richer, higher-contrast blue */
    color: #e9f7ff !important;
    /* ensure text remains readable */
    transition: background-color .18s ease-in-out, color .18s ease-in-out;
    box-shadow: inset 4px 0 0 rgba(46, 166, 223, 0.12), inset -4px 0 0 rgba(46, 166, 223, 0.12);
    /* accents on left and right */
    cursor: pointer;
}

.table-striped.table-hover>tbody>tr:hover {
    background-color: #18485d !important;
    /* slightly darker variant for striped tables */
    color: #e9f7ff !important;
}

.snow {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9999;
    pointer-events: none;
    background: none;
    background-image: url("../img/flakes/flake1.png"), url("../img/flakes/flake2.png"), url("../img/flakes/flake3.png");
    background-repeat: repeat;
    background-size: 600px 600px;
    animation: snow 10s linear infinite;

}

@keyframes snow {

    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    50% {
        background-position: 500px 500px, 100px 200px, -100px 150px;
    }

    100% {
        background-position: 500px 1000px, 200px 400px, -100px 300px;
    }

}